<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no"/>
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <!-- MDUI CSS -->
    <link
            rel="stylesheet"
            href="https://cdn.jsdelivr.net/npm/mdui@1.0.0/dist/css/mdui.min.css"
            integrity="sha384-2PJ2u4NYg6jCNNpv3i1hK9AoAqODy6CdiC+gYiL2DVx+ku5wzJMFNdE3RoWfBIRP"
            crossorigin="anonymous"
    />
    <title>登录</title>
</head>
<body background="admin/images/background2.svg" style="background-size: cover;">
    <div class="mdui-col-sm-4 mdui-col-offset-md-4" style="margin-top: 22vh">
        <p style="font-size: 32px;text-align: center;">
            <button type="button" class="btn mdui-color-yellow" style="margin-top: -10px;" disabled>涅槃~</button>
            登录</p>
        <!-- 固定标签 -->
        <div class="mdui-textfield">
            <i class="mdui-icon material-icons">account_circle</i>
            <label class="mdui-textfield-label">账号</label>
            <input class="mdui-textfield-input" type="text"/>
        </div>
        <!-- 禁用状态 -->
        <div class="mdui-textfield">
            <i class="mdui-icon material-icons">lock</i>
            <label class="mdui-textfield-label">密码</label>
            <input class="mdui-textfield-input" type="password" />
        </div><br>
        <div class="mdui-container">
            <a href="index.html"><button class="mdui-btn mdui-ripple mdui-ripple-white mdui-color-blue mdui-btn-block">登录</button></a>
        </div>
<!--        <div class="mdui-container">-->
<!--            <div class="mdui-row-xs-2">-->
<!--                <div class="mdui-col">-->
<!--                    <button class="mdui-btn mdui-ripple mdui-ripple-white mdui-color-blue mdui-btn-block">登录</button>-->
<!--                </div>-->
<!--                <div class="mdui-col">-->
<!--                    <button class="mdui-btn mdui-btn-raised mdui-ripple">重置</button>-->
<!--                </div>-->
<!--            </div>-->
        </div>
    </div>
<!-- MDUI JavaScript -->
<script
        src="https://cdn.jsdelivr.net/npm/mdui@1.0.0/dist/js/mdui.min.js"
        integrity="sha384-aB8rnkAu/GBsQ1q6dwTySnlrrbhqDwrDnpVHR2Wgm8pWLbwUnzDcIROX3VvCbaK+"
        crossorigin="anonymous"
></script>
</body>
</html>
